<!-- 引入公共部分 -->
{{extend './common/layout.html'}}
<!-- 引入css链接（填空） -->
{{block 'link'}}
<link rel="stylesheet" href="/static/home/css/center.css">
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script type="text/javascript" src="/static/home/js/expressmessage.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
{{/block}}
<!-- 引入主题部分（填空） -->
{{block 'main'}}
<!-- 引入头部代码 -->
<header>
    {{include './common/header.html'}}
    {{include './common/aside.html'}}
</header>
    <div class="body">
        <div class="bodyTop">
            <div class="box">
                <div class="click">个人中心</div>

            </div>
        </div>
        <div class="bodyMain">
            <div class="box">
                <div class="sideline">
                    <!-- <i class="fa fa-minus-square-o" aria-hidden="true"></i> -->
                    <dl>
                        <dt id="message">
                            <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp我的资料
                        </dt>
                        <dd>
                            <a href="./center">基本资料</a>
                        </dd>
                        <dd>
                            <a href="./address">收货地址</a>
                        </dd>
                        <dd>
                            <a href="./safe">安全中心</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt id="superSail">
                            <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp我的特卖
                        </dt>
                        <dd>
                            <a href="./collection">商品收藏</a>
                        </dd>
                        <dd>
                            <a href="./footmark">我的足迹</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt id="order">
                            <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp订单管理
                        </dt>
                        <dd class="orders">
                            <a href="./orderNo">未付款</a>
                        </dd>
                        <dd class="orders">
                            <a href="./order">已付款</a>
                        </dd>
                        <dd class="orders">
                            <a href="./expressmessage">已发货</a>
                        </dd>
                    </dl>
                </div>
                <div class="mainDiv">
                    <div class="myMessage" id="myMessage">
                        <div class="order">已发货</div>
                        <div class="orderMessage">
                            <div class="shop">华为旗舰店></div>
                            <div class="state">卖家已发货</div>
                            <div class="goodPhoto"><img src="/static/home/img/4.png"></div>
                            <div class="goodMessage">
                                <p class="title">人生重来器-这人生我一秒也不想呆了人生重来器-这人生我一秒也不想呆了人生重来器-这人生我一秒也不想呆了</p>
                                <p class="size">手指用二孔插座版</p>
                            </div>
                            <div class="goodPrice">
                                <p class="title">￥9999</p>
                                <p class="size">×2</p>
                            </div>
                            <div class="price">
                                <p>总价￥19998，优惠￥19998，实付￥0</p>
                            </div>
                            <div class="operate">
                                <button>确认收货</button>
                                <button>取消订单</button>
                            </div>
                        </div>
                        <div class="orderMessage">
                            <div class="shop">华为旗舰店></div>
                            <div class="state">卖家已发货</div>
                            <div class="goodPhoto"><img src="/static/home/img/5.png"></div>
                            <div class="goodMessage">
                                <p class="title">人生重来器-这人生我一秒也不想呆了</p>
                                <p class="size">手指用二孔插座版</p>
                            </div>
                            <div class="goodPrice">
                                <p class="title">￥9999</p>
                                <p class="size">×2</p>
                            </div>
                            <div class="price">
                                <p>总价￥19998，优惠￥19998，实付￥0</p>
                            </div>
                            <div class="operate">
                                <button>确认收货</button>
                                <button>取消订单</button>
                            </div>
                        </div>
                        <!--  -->
                    </div>
                    <div id="paging">
                        <select name="pageSize" id="pageSize">
                            <option value="5">5条/页</option>
                            <option value="10">10条/页</option>
                            <option value="15">15条/页</option>
                        </select>
                        <span class="span">当前页数</span>
                        <i class="fa fa-angle-left fa-1g" aria-hidden="true" id="leftbtn"></i>
                        <span class="pagebox" id="pagebox">
                            <button class="page">1</button>
                            <button class="page">2</button>
                            <button class="page">3</button>
                            <button class="page">4</button>
                            <button class="page">5</button>
                        </span>
                        <i class="fa fa-angle-right fa-1g" aria-hidden="true" id="rightbtn"></i>
                        <input type="text" name="pagenumber" class="pagenumber" onkeyup="this.value=this.value.replace(/[^\d{0-9}]/g,'')" maxlength="2" placeholder="">页
                        <button class="jumpto">跳转</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="float">
        <div id="floatContent" class="floatContent hide">
        </div>
    </div>
    {{/block}}
